<template>
    <div>
        <!-- 第一种方法，父向子传递一个函数，然后子向传递过来的函数进行传递值，然后这个值就跟着函数传递回父组件了 -->
        <!-- 为了触发数据的传递，写一个按钮 -->
        <button @click="acceptFatherMethod">点我触发第一种数据传递</button>
        <!-- 第二种方法，组件的自定义事件 -->
        <button @click="dierzhongfangshi">点我触发第二种数据传递方式</button>
    </div>
</template>

<script>
export default {
    data(){
        return{
            data:'son data'
        }
    },
    props:['acceptSon'],
    methods:{
        // 第一种方式的函数
        acceptFatherMethod(){
            this.acceptSon(this.data)
        },
        // 第二种方式的函数
        dierzhongfangshi(){
            // 触发事件负责发送数据
            this.$emit('dier',this.data)
        }
    }
};
</script>

<style lang="scss" scoped>

</style>